<!DOCTYPE html> 
<html> 
	<head> 
	<title>Page Title</title> 
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1"> <!-- cuidado si no se coloca esto -->

	<link rel="stylesheet" href="css/jquery.mobile-1.3.2.css" />
	<link rel="stylesheet" href="css/empleo.css" />
	<script src="js/jquery.js"></script>
	<script src="js/jquery.mobile-1.3.2.js"></script>
	<script src="js/index.js"></script>
</head> 

<body> 

<!-- PAGE DE MARTA PARA LOGIN -->


<div data-role="page" id="login">

	<div data-role="header">
			<h1>LOGIN</h1>
	</div>

	<div data-role="content">	
		<form name="loginForm" id="loginForm" action="http://bolsacetic.esy.es/Proyecto_PHP/controlador.php" method="post">
			<fieldset id="tipoCE" data-role="controlgroup" data-mini="true" data-theme="a" data-mini="true">	    
		        <input type="radio" name="tipo" id="tipo1" value="0" checked="checked" data-mini="true">
		        <label for="tipo1">Candidato</label>
		        <input type="radio" name="tipo" id="tipo2" value="1" data-mini="true">
		        <label for="tipo2">Empresa</label>	
			</fieldset>
			<br />
	
			<label for="usuario">DNI / NIF</label>
			<input type="text" name="usuario" id="usuario" value="" required data-mini="true"/>
			
			<label for="pass">Contraseña</label>
			<input type="password" name="pass" id="pass" value="" required data-mini="true"/>

			<input type="hidden" name="accion" value="login" /><br/>
			<input type="submit" id="enviar" value="Entrar"  data-mini="true"/>
		</form>	
		
		<div id="fracaso" class="oculto">
            Usuario y contraseña no son válidos
        </div>
			
		<p>Si aún no está registrado:</p>
		<a href="#registroCandidato">Alta candidato</a><br />
		<a href="#registroEmpresa">Alta empresa</a>
		
	</div><!-- /content -->

</div><!-- /page -->

<!-- FIN PARTE LOGIN -->

<!-- PARTE REGISTRO NUEVO CANDIDATO Y NUEVA EMPRESA -->

	<div data-role="page" id="registroCandidato">
		<div data-role="header" data-position="fixed">
			<a href="index.html" data-inline="true" data-mini="true" data-icon="home" data-iconpos="notext">Home</a>
				<h1>REGISTRO</h1>
			<a href="#dPersonales" id="saveCandidato" data-mini="true" data-icon="check" data-iconpos="right">Guardar</a>
		</div>
	
		<div data-role="content">	
			<form id="registroCandidatoForm" name="registroCandidatoForm" action="http://bolsacetic.esy.es/Proyecto_PHP/controlador.php" method="post">
				<label for="usuarioC">DNI</label>
				<input type="text" name="cnif" id="usuarioC" data-clear-btn="true" data-mini="true" value="" required placeholder="DNI, NIF, NIE"/>
				<div id="errUsuario" class="error"></div>
				
				<label for="passC">Contraseña</label>
				<input type="password" name="cpass" id="passC" data-clear-btn="true" data-mini="true" value="" required/>
				<div id="errPass" class="error"></div>
				
				<label for="passRepC">Repite Contraseña</label>
				<input type="password" name="passrep" id="passrepC" data-clear-btn="true" data-mini="true" value="" required/>
				<div id="errPassRep" class="error"></div>
				
				<label for="nombreC">Nombre</label>
				<input type="text" name="cnombre" id="nombreC" data-clear-btn="true" data-mini="true" value="" required/>
								
				<label for="apell1">Primer Apellido</label>
				<input type="text" name="cap1" id="apell1" data-clear-btn="true" data-mini="true" value="" required/>
							
				<label for="apell2">Segundo Apellido</label>
				<input type="text" name="cap2" id="apell2" data-clear-btn="true" data-mini="true" value="" required/>
				
				<input type="hidden" name="accion" value="registrarCandidato" />
			</form>	
			
			<div id="fracaso" class="oculto">
	            Se ha producido un error durante el envío de datos.
	        </div>
					
		</div>	
	</div>
	
	<!-- EMPRESA -->

	<div data-role="page" id="registroEmpresa">
		<div data-role="header" data-position="fixed">
			<a href="index.html" data-inline="true"  data-mini="true" data-icon="home" data-iconpos="notext">Home</a>
				<h1>REGISTRO</h1>
			<a href="#dDatosEmpresa" id="saveEmpresa" data-mini="true" data-icon="check" data-iconpos="right">Guardar</a>
		</div>
	
		<div data-role="content">
			<form id="registroEmpresaForm" name="registroEmpresaForm" action="http://bolsacetic.esy.es/Proyecto_PHP/controlador.php" method="post">	
				<label for="usuarioE">CIF</label>
				<input type="text" name="ccif" id="usuarioE" data-clear-btn="true" data-mini="true" value="" required/>
				<div id="errUsuario" class="error"></div>
				
				<label for="pass">Contraseña</label>
				<input type="password" name="cpass" id="pass" data-clear-btn="true" data-mini="true" value="" required/>
				<div id="errPass" class="error"></div>
				
				<label for="passRep">Repite Contraseña</label>
				<input type="password" name="passrep" id="passrep" data-clear-btn="true" data-mini="true" value="" required/>
				<div id="errPassRep" class="error"></div>
				
				<label for="nombreER">Nombre empresa</label>
				<input type="text" name="cnombre" id="nombreER" data-clear-btn="true" data-mini="true" value="" required/>
							
				<label for="personaER">Persona de Contacto</label>
				<input type="text" name="cpers" id="personaER" data-clear-btn="true" data-mini="true" value="" required/>
								
				<label for="mailER">eMail</label>
				<input type="email" name="cmail" id="mailER" data-clear-btn="true" data-mini="true" value="" required/>
				<div id="errMail" class="error"></div>
				
				<label for="telefonoER">Telefono</label>
				<input type="text" name="ctf" id="telefonoER" data-clear-btn="true" data-mini="true" value="" required/>
							
				<label for="domicilioER">Domicilio</label>
				<input type="text" name="cdom" id="domicilioER" data-clear-btn="true" data-mini="true" value="" required/>
				
				<label for="descER">Descripción breve</label>
				<input type="text" name="cdesc" id="descER" data-clear-btn="true" data-mini="true" value=""/>
				
				<input type="hidden" name="accion" value="registrarEmpresa" />
			</form>
			
			<div id="fracaso" class="oculto">
	            Se ha producido un error durante el envío de datos.
	        </div>
			
		</div>	
	</div>





<!-- FIN PARTE NUEVO CANDIDATO Y NUEVA EMPRESA -->
	
	
	


<div data-role="page" id="dPersonales">

	<div data-role="header" data-position="fixed">
		<!-- <a href="index.html" data-role="button" data-inline="true"  data-mini="true"data-icon="arrow-l" data-iconpos="left">Volver</a>-->
		<a href="index.html" data-inline="true" data-mini="true" data-icon="home" data-iconpos="notext">Home</a>
		<h1>CANDIDATURA</h1>			
		<a href="#dFormacion" id="aPersonales" data-icon="check" data-iconpos="right" id="guardar1">Guardar</a>
	</div>

	<div data-role="content">	
		<form name="formularioCand" id="formularioCand" action="" method="post">
		<div data-role="collapsible-set" data-theme="a" data-content-theme="b">
		    <div data-role="collapsible">
		        <h3>Datos Personales</h3>
		        	
		        	<label for="nif">NIF:</label>
					<input id="nif" name="cnif" value=""  data-mini="true"><br/>
		        	
			        <label for="nombreCDP">Nombre:</label>
					<input id="nombreCDP" name="cnombre" value=""  data-mini="true"><br/>
					
					<label for="ape1">Primer apellido:</label>
					<input id="ape1" name="cap1" value=""  data-mini="true"><br/>
					
					<label for="ape2">Segundo apellido:</label>
					<input id="ape2" name="cap2" value=""  data-mini="true"><br/>
					
					<label for="fecha_nac">Fecha nacimiento:</label>
					<input id="fecha_nac" name="cfecha" value=""  data-mini="true"><br/>
					
					<fieldset data-role="controlgroup" data-mini="true" data-theme="a" >
    				<legend>Sexo:</legend>
			        <input type="radio" name="csexo"  data-mini="true" id="hombre" value="0" checked="checked" data-theme="a" >
			        <label for="hombre">Hombre</label>
			        <input type="radio" name="csexo"  data-mini="true" id="mujer" value="1" data-theme="a">
			        <label for="mujer">Mujer</label>
					</fieldset><br>
					
					<label for="nacionalidad">Nacionalidad:</label>
					<input id="nacionalidad" name="cnacion" value=""  data-mini="true"><br/>
					
					<label for="direccion">Dirección:</label>
					<input id="direccion" name="cdirec" value=""  data-mini="true"><br/>
					
					<label for="municipio">Municipio:</label>
					<input id="municipio" name="cmunic" value=""  data-mini="true"><br/>
					
					<label for="cp">C.P.:</label>
					<input id="cp" name="ccp" value=""  data-mini="true"><br/>
					
					<label for="pais">País:</label>
					<input id="pais" name="cpais" value=""  data-mini="true"><br/>
					
					<label for="tfno1">Tlfno1:</label>
					<input id="tfno1" name="ctf1" value=""  data-mini="true"><br/>
					
					<label for="tfno2">Tlfno2:</label>
					<input id="tfno2" name="ctf2" value=""  data-mini="true"><br/>
					
					<label for="tfno3">Tlfno3:</label>
					<input id="tfno3" name="ctf3" value=""  data-mini="true"><br/>
					
					<label for="fax">Fax:</label>
					<input id="fax" name="cfax" value=""  data-mini="true"><br/>
					
					<label for="mail">E-mail:</label>
					<input id="mail" name="cmail" value=""  data-mini="true"><br/>
					
					<label for="movil_notif">Movil notif:</label>
					<input id="movil_notif" name="cnotif" value="" ><br/>
					
	   		</div>

		    <div data-role="collapsible">
		        <h3>Otros datos</h3>
			        <label for="tipo_carnet">Tipo carnet:</label>
					<input id="tipo_carnet" value=""  data-mini="true"><br/>
					
					<fieldset data-role="controlgroup" data-theme="a" data-mini="true">
    				<legend>Coche propio:</legend>
			        <input type="radio" name="vehic_propio"  data-mini="true" id="vehic_propio" value="1" checked="checked" data-theme="a">
			        <label for="vehic_propio">Si</label>
			        <input type="radio" name="vehic_propio"  data-mini="true" id="vehic_propio_no" value="0" data-theme="a">
			        <label for="vehic_propio_no">No</label>
					</fieldset><br>		        
		    </div>
		</div>
		
		</form>
		
				
	</div><!-- /content -->

	<div data-role="footer" > <!--ojo no hace falta class="ui-bar" -->
		<div data-role="navbar">
			<ul>
				<li><a href="#dPersonales">Personales</a></li>
				<li><a href="#dFormacion">Formación</a></li>
				<li><a href="#dConocimientos">Conocimientos</a></li>
			</ul>
		</div><!-- /navbar -->
		
	</div><!-- /footer -->
</div><!-- /page -->

<div data-role="page" id="dFormacion">

	<div data-role="header" data-position="fixed">
		<!-- <a href="index.html" data-role="button" data-inline="true"  data-mini="true"data-icon="arrow-l" data-iconpos="left">Volver</a>-->
		<a href="index.html" data-inline="true" data-mini="true" data-icon="home" data-iconpos="notext">Home</a>
		<h1>CANDIDATURA</h1>
		<a href="#dConocimientos" id="aFormacion" data-icon="check" data-iconpos="right" id="guardar2">Guardar</a>
	</div>

	<div data-role="content">	
		
		<form name="formularioCand2" id="formularioCand2" action="" method="post">
		<div data-role="collapsible-set" data-theme="a" data-content-theme="b">
		    <div data-role="collapsible">
		        <h3>Formación</h3>
			        <label for="tit_reglada">Titulación reglada:</label>
					<input id="tit_reglada" name="cit" value=""  data-mini="true"><br/>
					
					<label for="fecha_fin_Form">Fecha fin:</label>
					<input id="fecha_fin_Form" name="cfecha" value=""  data-mini="true"><br/>
					
					<label for="centro">Centro:</label>
					<input id="centro" name="ccen" value=""  data-mini="true"><br/>

	   		</div>

		    <div data-role="collapsible">
		        <h3>Experiencia:</h3>
			        <label for="ocupacion">Ocupacion:</label>
					<input id="ocupacion" name="cocup" value=""  data-mini="true"><br/>
					
					<label for="empresa">Empresa:</label>
					<input id="empresa" name="cemp" value=""  data-mini="true"><br/>
					
					<label for="fecha_fin_exp">Fecha fin:</label>
					<input id="fecha_fin_exp" name="cfechaExp" value=""  data-mini="true"><br/>
					
					<label for="nivel">Nivel:</label>
					<input id="nivel" name="cniv" value=""  data-mini="true"><br/>
					
					<label for="duracion">Duración:</label>
					<input id="duracion" name="cdur" value=""  data-mini="true"><br/>
					
					<label for="descripcion">Descripción:</label>
					<input id="descripcion" name="cdesc" value=""  data-mini="true"><br/>											        
		    </div>
		    
		    <div data-role="collapsible">
		        <h3>Idiomas:</h3>
					<div data-role="fieldcontain">
    				<label for="habladoEus">Nivel hablado euskera:</label>
    				<select name="ceh" id="habladoEus">
        			<option value="0">No</option>
        			<option value="1">Bajo</option>
        			<option value="2">Medio</option>
        			<option value="3">Alto</option>
    				</select>
					</div>
					
					<div data-role="fieldcontain">
    				<label for="escritoEus">Nivel escrito euskera:</label>
    				<select name="cee" id="escritoEus">
        			<option value="0">No</option>
        			<option value="1">Bajo</option>
        			<option value="2">Medio</option>
        			<option value="3">Alto</option>
    				</select>
					</div>
					
					<div data-role="fieldcontain">
    				<label for="leidoEus">Nivel leído euskera:</label>
    				<select name="cel" id="leidoEus">
        			<option value="0">No</option>
        			<option value="1">Bajo</option>
        			<option value="2">Medio</option>
        			<option value="3">Alto</option>
    				</select>
					</div>
					
					<br />
					
					<div data-role="fieldcontain">
    				<label for="habladoIng">Nivel hablado ingles:</label>
    				<select name="cih" id="habladoIng">
        			<option value="0">No</option>
        			<option value="1">Bajo</option>
        			<option value="2">Medio</option>
        			<option value="3">Alto</option>
    				</select>
					</div>
					
					<div data-role="fieldcontain">
    				<label for="escritoIng">Nivel escrito ingles:</label>
    				<select name="cie" id="escritoIng">
        			<option value="0">No</option>
        			<option value="1">Bajo</option>
        			<option value="2">Medio</option>
        			<option value="3">Alto</option>
    				</select>
					</div>
					
					<div data-role="fieldcontain">
    				<label for="leidoIng">Nivel leído ingles:</label>
    				<select name="cil" id="leidoIng">
        			<option value="0">No</option>
        			<option value="1">Bajo</option>
        			<option value="2">Medio</option>
        			<option value="3">Alto</option>
    				</select>
					</div>							
        
		    </div>		    		    
		</div>	
		</form>	
	</div><!-- /content -->

	<div data-role="footer" > <!--ojo no hace falta class="ui-bar" -->
		<div data-role="navbar">
			<ul>
				<li><a href="#dPersonales">Personales</a></li>
				<li><a href="#dFormacion">Formación</a></li>
				<li><a href="#dConocimientos">Conocimientos</a></li>
			</ul>
		</div><!-- /navbar -->
		
	</div><!-- /footer -->
</div><!-- /page -->

<div data-role="page" id="dConocimientos">

	<div data-role="header" data-position="fixed">
		<!-- <a href="index.html" data-role="button" data-inline="true"  data-mini="true"data-icon="arrow-l" data-iconpos="left">Volver</a>-->
		<a href="index.html" data-inline="true" data-mini="true" data-icon="home" data-iconpos="notext">Home</a>
		<h1>CANDIDATURA</h1>
		<a href="index.html" data-icon="check" data-iconpos="right" id="guardar3">Guardar</a>
	</div>

	<div data-role="content">
<!--
			<label for="descripcion">Conocimiento:</label>
			<input id="descripcion" value="" ><br/> -->
			<p>LISTADO DE CONOCIMIENTOS</p>
			<ul data-role="listview" id="listaCon">			    
			</ul>			
			<br />
	        <fieldset>
	           <input type="text" placeholder="Añade un conocimiento" id="descConocimiento" />
	           <input type="button" value="Añadir" id="botonAddConocimiento" data-mini="true"/>
	        </fieldset>
			
			<!--
			<form name="formularioCand3" id="formularioCand3" action="" method="post">
			<label for="descripcion">Conocimiento:</label>
			<input id="descripcion" name="cdesc" value="" data-mini="true">			

			<button id="botonAdd" data-mini="true">Añadir</button>
			</form>
			 -->		
	</div><!-- /content -->

	<div data-role="footer" > <!--ojo no hace falta class="ui-bar" -->
		<div data-role="navbar">
			<ul>
				<li><a href="#dPersonales">Personales</a></li>
				<li><a href="#dFormacion">Formación</a></li>
				<li><a href="#dConocimientos">Conocimientos</a></li>
			</ul>
		</div><!-- /navbar -->
		
	</div><!-- /footer -->
</div><!-- /page -->

<!-- INDEX EMPRESA -->
	
<div data-role="page" id="dDatosEmpresa">

	<div data-role="header">
		<!-- <a href="index.html" data-role="button" data-inline="true"  data-mini="true"data-icon="arrow-l" data-iconpos="left">Volver</a>-->
		<a href="index.html" data-inline="true" data-mini="true" data-icon="home" data-iconpos="notext">Home</a>
		<h1>EMPRESA</h1>
		<a href="index.html" data-icon="check" data-iconpos="right">Guardar</a>
	</div>

	<div data-role="content">	

		<div data-role="collapsible-set" data-theme="a" data-content-theme="b">
		    <div data-role="collapsible">
		        <h3>Datos de la empresa</h3>
			        <label for="cif">CIF:</label>
					<input type="text" id="cif" name="ccif" value="" data-mini="true"><br/>
					
					<label for="nombreE">Nombre:</label>
					<input type="text" id="nombreE" name="cnombre" value="" data-mini="true"><br/>
					
					<label for="persona">Persona de Contacto</label>
					<input type="text" name="cpers" id="persona" data-mini="true" value="" />
					
					<label for="mail">eMail</label>
					<input type="text" name="cmail" id="mail" data-mini="true" value="" />
					
					<label for="telefono">Telefono</label>
					<input type="text" name="ctf" id="telefono" data-mini="true" value=""/>
								
					<label for="domicilio">Domicilio</label>
					<input type="text" name="cdom" id="domicilio" data-mini="true" value="" />
					
					<label for="desc">Descripción breve</label>
					<input type="text" name="cdesc" id="desc" data-mini="true" value=""/>
				
				
					
					
									
	   		</div>

		</div>
		
		
		
				
	</div><!-- /content -->

	<div data-role="footer" > <!--ojo no hace falta class="ui-bar" -->
		<div data-role="navbar">
			<ul>
				<li><a href="#dDatosEmpresa">Datos</a></li>
				<li><a href="#dBuscarCandidatos">Buscar</a></li>
			</ul>
		</div><!-- /navbar -->
		
	</div><!-- /footer -->
</div><!-- /page -->

<div data-role="page" id="dBuscarCandidatos">

	<div data-role="header">
		<!-- <a href="index.html" data-role="button" data-inline="true"  data-mini="true"data-icon="arrow-l" data-iconpos="left">Volver</a>-->
		<a href="index.html" data-inline="true" data-mini="true" data-icon="home" data-iconpos="notext">Home</a>
		<h1>BUSCAR CANDIDATOS</h1>
		<a href="index.html" data-icon="check" data-iconpos="right">Guardar</a>
	</div>

	<div data-role="content">	
		
		<!--
		<form>
	    <fieldset data-role="controlgroup">
   	    	<legend>Conocimientos registrados:</legend>
   	    	<input type="checkbox" name="checkbox-v-2a" id="checkbox-v-2a">
        	<label for="checkbox-v-2a">PHP</label>
        	<input type="checkbox" name="checkbox-v-2b" id="checkbox-v-2b">
        	<label for="checkbox-v-2b">HTML5</label>
        	<input type="checkbox" name="checkbox-v-2c" id="checkbox-v-2c">
        	<label for="checkbox-v-2c">Phonegap</label>
    	</fieldset>
    	
    	<input type="submit" value="Buscar candidatos" />

		</form>
		
    	-->		
		
		
	</div><!-- /content -->

	<div data-role="footer" > <!--ojo no hace falta class="ui-bar" -->
		<div data-role="navbar">
			<ul>
				<li><a href="#dDatosEmpresa">Datos</a></li>
				<li><a href="#dBuscarCandidatos">Buscar</a></li>
			</ul>
		</div><!-- /navbar -->
		
	</div><!-- /footer -->
</div><!-- /page -->

	
	
<!-- FIN INDEX EMPRESA -->


<!-- RESULTADO DE BUSQUEDA DE CANDIDATOS -->

<div data-role="page" id="dResultado">

	<div data-role="header">
		<!-- <a href="index.html" data-role="button" data-inline="true"  data-mini="true"data-icon="arrow-l" data-iconpos="left">Volver</a>-->
		<a href="#dDatosEmpresa" data-inline="true" data-mini="true">Volver</a>
		<h1>RESULTADO BUSQUEDA</h1>
		
	</div>

	<div data-role="content">	
		
<!--
		<ul data-role="listview">
	    <li><a href="#">Javi Guinea</a></li>
   	 	<li><a href="#">Sara Echevarría</a></li>
    	<li><a href="#">Imanol Tobillas</a></li>
    	<li><a href="#">Marta García</a></li>
    	</ul>
-->		
		
		
	</div><!-- /content -->


</div><!-- /page -->

<!-- FIN RESULTADO DE BUSQUEDA DE CANDIDATOS -->

</body>
<script>



	
</script>
</html>